.charge .charge-title{
    width: 100%;
    height: 30%;
    position: absolute;
    background: #FFFFFF;
    text-align: center;
}

.charge .charge-title .charge-icon{
    height: 30%;
    margin-top: 2em;
}

.charge .charge-title .user-money{
    width: 100%;
    position: relative;
    height: 20%;
    margin-top: 2em;
}

.charge .charge-title .user-money img{
    width: 6%;
    vertical-align:middle;
}

.charge .charge-money{
    width: 100%;
    height: 70%;
    position: absolute;
    background-color: #E4E4E4;
    top: 30%;
    text-align: center;
}

.charge .charge-money .title{
    font-size: 0.8em;
    color: #FFFFFF;
    margin-top: 1em;
}

.charge .charge-money .charge-button{
    position: relative;
    width: 80%;
    border-radius: 0.5em;
    background-color: #FFFFFF;
    color: #00C4C3;
    border: solid #00C4C3 1px;
    height: 3em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.charge .charge-money p{
    text-align: left;
    position: relative;
    left: 10%;
    margin-top: 1.5em;
    font-size: 0.8em;
}

.charge .charge-money p span{
    color: #00C4C3;
}

.charge .charge-money .foot-icon{
    font-size: 0.8em;
    position: absolute;
    bottom: 5%;
    left: 10%;
    text-align: left;
}

.charge .charge-money .foot-icon img{
    width: 7%;
}